// 引入全局过渡动画样式
import './assets/styles/_transitions.css'


// 引入 flexible 实现移动端适配
import 'amfe-flexible'
// 这是 引入全局样式
import './assets/main.css'
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { createPinia } from 'pinia' // ✅ 引入 Pinia
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' // ✅ 引入 pinia-plugin-persistedstate 插件

// 创建 Pinia 实例
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate) // ✅ 挂载 pinia-plugin-persistedstate 插件
const app = createApp(App)

app.use(router)
app.use(pinia) // ✅ 挂载 Pinia 实例
// 挂载 Socket.io 插件
import SocketPlugin from './plugins/io'
app.use(SocketPlugin, {
  connection: 'http://43.138.15.137:3000', // 替换为实际的服务器地址
  options: {
    // 可选配置，如自动重连
    reconnection: true,
    reconnectionAttempts: 5,
    reconnectionDelay: 1000
  }
})



app.mount('#app')
